<script setup lang='ts'>
  import { nextTick, reactive, ref } from 'vue';
  const formLabelWidth = '120px'
  const dataForm = ref()
  const $emit = defineEmits(['updateList'])
  const action = reactive({
    dialogFormVisible:false,
    list:[] as Array<any>
  })
  const openDialog = (query:any = {})=> {
    const { white_user=[] } = query
    action.list = white_user
    action.dialogFormVisible = true
  }
  defineExpose({
    openDialog
  })
</script>

<template>
  <div>
    <el-dialog
    top="5vh"
    class="xm-dialog input-width"
    width="60%"
    v-model="action.dialogFormVisible"
    title="消息发送">
      <el-table
        class="xm-main xm-TableCenter"
        :data="action.list"
        border>
        <el-table-column width="120" prop="user_id" label="用户ID" />
        <el-table-column min-width="120" prop="uuid" label="用户UUID" />
        <el-table-column width="120" prop="nickname" label="用户昵称" />
      </el-table>
    </el-dialog>
  </div>
</template>